{% extends "login.html" %}
{% block title %}Register{% endblock %}
{% block navigation %}>><a href="#">Create Account </a></p>{% endblock %}
{% block menu %}
  <ul class="menu">
	<li class="active"><a href="/course/">Home</a></li>
	<li><a href="/course/create/">Create Course</a></li>
	<li><a href="#">Search Course</a></li>
</ul>
{% endblock %} 

{% block content %}
<div id = "ajaxwrapper">
    <div id="create-course">
			<h3>Create Account </h3>
			<p>You will create a new account, or you want to <a href="/accounts/login/" title="">LogIn</a>.</p> 
    </div>

	<form id = "registerform" action="." method="post">{% csrf_token %}
	<fieldset>
	<ul>
	<li>
		<label for="id_username">Choose your username: </label>
		{{ form.username }}
		<h5>{{ form.username.errors }}</h5>
	</li>
	<li>
        <label for="id_email">Email address: </label>
        {{ form.email }}
       <h5>{{ form.email.errors }}</h5>
    </li> 
    <li>   
        <label for="id_university">Choose university: </label>
		{{ form.university }}
		  <h5>{{ form.university.errors }}</h5>
	</li>
	<li>	
		<label for="id_password1">Set your password: </label>
		<div class = "password">{{ form.password1 }}</div>
		<h5>{{ form.password1.errors }}</h5>
	</li>
	<li>	
		<label for="id_password2">Confirm your password: </label>
		<div class = "password">{{ form.password2 }} </div>
		<h5>{{ form.password2.errors }}</h5>
	</li>
	<li>
		<input class="button" type="submit" value="Register" />
	</li>
	</ul>
	</fieldset>
	</form>
	
	{% if form.errors %}
		<div class="error">Invalid Input</div>
	{% endif %}

</div>	

{% endblock %}

